<!DOCTYPE html>
<html lang="en">
{% load static %}
<head>
    <meta charset="UTF-8">
    <title>公告/通知</title>
    <style>
        body{
            margin:0;
        }
        #nav{
            width: 100%;
            height: 40px;
            background-color: white;
            border:gray solid ;
            position: fixed;
            top: 0;
            z-index: 1000;
        }
        #nb{
                    width: 1200px;
                    height: 40px;
                    /*border: red solid;*/
                    margin:0 auto;
                    position: relative;
                    /*left:180px;*/
                }
        #logo{
            width: 80px;
            height: 40px;
            position: absolute;
            left:20px;
        }
        #logo>img{
            width: 80px;
            height: 40px;
        }
        #link>ul{
            margin:0 ;
            padding-left: 0;
            position: absolute;
            right: 20px;
        }
        li{
            float: left;
            list-style: none;
            line-height: 40px;
            margin-left: 120px;
        }
        li>a{
            text-decoration: none;
            font-family: "Microsoft Himalaya";
            color: black;
        }
        section{
            width: 80%;
            height: 800px;
            border: gray solid;
            background-color: white;
            background-size: 1440px 900px;
            position: relative;

            margin: 80px auto;
        }
        section>p{
            text-align:left;
            color: black;
        }
        p{
            text-align: center;
            color: darkgrey;
        }
    </style>
</head>
<body>
    <span id="top"></span>
    <div id="nav">
        <div id="nb">
            <div id="logo">
                <img src="{% static 'logo1.jpg' %}" alt="">
            </div>
            <div id="link">
                <ul>
                   <li><a href="#top">大学课程教学过程管理系统</a></li>

                   <li><a href="/">登录</a></li>
                   <li><a href="/regist">注册</a></li>

                   <li><a href="http://www.baidu.com" target="_blank" >关于</a></li>
                </ul>
            </div>
        </div>
    </div>
    <section>
        {% for foo in detail %}
            {% if foo.examname %}
                <h2 align="center">{{ foo.examname }}</h2>
                <hr>
                <hr>
                <p >考试说明：<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ foo.examtip }}</p>
                <br><br>
                <p>考试地点: <br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ foo.exampos }}</p>
                <br><br>
                <p>考试时间：<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ foo.examtime }}</p>

            {% else %}
                <h2 align="center">{{ foo.gtopic }}</h2>
                <h4 align="center">{{ foo.gtime }}</h4>
                <hr>
                <hr>
                <text>{{ foo.gtext | safe }}</text>
            {% endif %}

        {% endfor %}

    </section>
    <hr>
    <p id="bottom">&#9762;&#9762; Author &#8620; SunChao cc &#9762;&#9762;</p>
</body>
</html>